

.pageWrapper {
  background-color: #f9fafb;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.gradientBg {
  background: linear-gradient(135deg, #FAE9DB 0%, #F48224 100%);
}

.cardHover:hover {
  transform: translateY(-4px);
  transition: all 0.3s ease;
}

.navActive {
  background: linear-gradient(135deg, #F48224, #624731);
  color: white;
}

.sidebarItem:hover {
  background-color: rgba(244, 130, 36, 0.1);
  color: #F48224;
}

.contentCard {
  background: linear-gradient(145deg, #ffffff, #f8f9fa);
  border: 1px solid rgba(244, 130, 36, 0.1);
}

.videoContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.videoPlayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.commentItem {
  border-bottom: 1px solid #f1f5f9;
}

.commentItem:last-child {
  border-bottom: none;
}

.likeBtnLiked {
  color: #ef4444;
}

.bookmarkBtnBookmarked {
  color: #f59e0b;
}

.progressBar {
  background: linear-gradient(90deg, #F48224, #624731);
}

